<!DOCTYPE html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../js/jquery.js"></script>
    <script>
        $(function(){
            var speed = 30;
            var $demo=$("#demo"),$demo1=$("#demo1"), $demo2=$("#demo2");

            $demo2.innerHTML = $demo1.innerHTML;
            function Marquee() {
                alert($demo2.offsetWidth+"--"+$demo.scrollLeft);
                if ($demo2.offsetWidth - $demo.scrollLeft <= 0)
                    $demo.scrollLeft -= $demo1.offsetWidth
                else {
                    $demo.scrollLeft++
                }
            }
            var MyMar = setInterval(Marquee(), speed)
            $demo.onmouseover = function () {
                clearInterval(MyMar)
            }
            $demo.onmouseout = function () {
                MyMar = setInterval(Marquee(), speed)
            }

        });


    </script>
</head>
<body>
<div id="demo" style="overflow:hidden;height:139px;width:232px;background:#f4f4f4;color:#ffffff">
    <table cellspace="0" border="0" align="left" cellpadding="0">
        <tbody>
        <tr>
            <td id="demo1" valign="top">
                <p>
                    <h3>今天下午开会通知</h3>
                </p>
            </td>
            <td id="demo2" valign="top">
            </td>
        </tr>
        </tbody>
    </table>
</div>

</body>
</html>